<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/ali.css" />
<link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/help.css" />
<script src="/static/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">

	function showContent(id) {
		window.location.href = "/customer/help/goHelpContentPage?id="+id;
	}

	function searchhelp() {
		var keyword = $("#keyword").val();
		$.ajax({
			type: "POST",
			url: "/customer/help/getHelpTitleByKeyWord",
			data: "keyword="+keyword,
			success: function(titles){
				var titles_html = "<p class=\"right-title\">搜索结果</p><ul>";
				if(titles.length == 0){
					titles_html += "<li><span class=\"circle-do\"></span><a>抱歉，未找到您搜索的相关内容！</a></li>";
				}
				for (var i = 0; i < titles.length; i++){
					titles_html += "<li><span class=\"circle-do\"></span><a onclick=\"showContent("+titles[i].id+")\" href=\"javascript:void(0);\" target=\"_blank\">"+titles[i].title+"</a></li>";
				}
				titles_html += "<ul>";
				$("#content-right").html(titles_html);
			}
		});
	}
</script>
<title>友利钱包帮助中心</title>
</head>
<body>
	#include("common/header.html", site="help")
	<div class="search-header">
		<div class="search">
			<input name="keyword" id="keyword" class="search-in" type="text" autocomplete="off" placeholder="输入问题关键词，如：如何签约、签约产品、签约费率" value="" seed="CSHALL_SHANGFU_SEARCH_KEYWORD">
			<span class="search-btn" onclick="searchhelp()">搜&nbsp;&nbsp;索</span>
		</div>
	</div>
	<div class="content">
		<div class="content-wrapper">
			<div class="content-left">
				<div class="left-title"><i class="icon iconfont common-problem"></i>帮助分类列表</div>
				<ul class="left-sub-title">
					#for(x : helpType)
					<li #if(x.type == currentType) class="active" #end ><a href="/customer/help?type=#(x.type)" >#(x.type)</a></li>
					#end
				</ul>
			</div>
			<div class="content-right" id="content-right">
				<p class="right-title">全部</p>
				<ul>
					#for(x : helpPage.list)
					<li><span class="circle-do"></span><a  href="/customer/help/goHelpContentPage?id=#(x.id)" target="_blank" >#(x.title)</a></li>
					#end
				</ul>
				<div class="paging">
					#@adminPaginate(helpPage.pageNumber, helpPage.totalPage, reqPath)
				</div>
			</div>
		</div>
	</div>
	#include("common/footer.html")
</body>
</html>